<body>
    <div id="app">
   
      <tr>
          <td>应聘人</td></td>
          <td>性别</td>
          <td>年龄</td></td>
          
      </tr>

 

      <li v-for="item in tableData">
       {{ item.date }}
       {{ item.name}}
       {{  item.cj.yw}}-{{ item.cj.yy }}
      
       {{ pjz }}

      </li>

    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="vue.js"></script>
    <script>
      var app = new Vue({
        el:"#app",

        computed: {
          pjz(){
           return (this.tableData.cj.yw + this.tableData.cj.yy ) /2;
          }
          
        },
        data:{
        
          tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
          xw: 200333,
          cj: { yw:40,yy:60 },
          pjf: 200333
          
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1517 弄',
          zip: 200333,
           xw: 200333,
           cj: { yw:40,yy:70 },
          pjf: 200333
         
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1519 弄',
          zip: 200333,
           xw: 200333,
           cj: { yw:40,yy:65 },
          pjf: 200333
         
        }, {
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1516 弄',
          zip: 200333,
           xw: 200333,
           cj: { yw:40,yy:80 },
          pjf: 200333
         
        }]


        }
      })
    </script>
  </body>